import styled from "styled-components";
import style from '../../../assets/Global-style';

export const FindDetailStyle = styled.div`
    width:100%;
    height:calc(100vh);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color:#ffffff;
    z-index:3;
    display:flex;
    flex-flow: column;
    .navbar{
        width:100%;
        height:7%;
        display:flex;
        flex-flow: row;
        align-items:center;
        justify-content:space-between;
        .navbar_left{
            padding-left:5%;
            svg{
                width:1.3rem;
                height:1.3rem;
            }
        }
        .navbar_mid{
            width:50%;
            padding-bottom:1%;
            overflow:hidden;
            white-space: nowrap;
            text-overflow:ellipsis;
        }
        .navbar_right{
            padding-right:5%;
            svg{
                width:1.3rem;
                height:1.3rem;
            }
        }
    }
    .detailContainer{
        flex:1;
        width:100%;
        .piccontainer{
            width:100%;
            img{
                width:100%;
                height:100%;
            }
        }
        .bodycontainer{
            padding-top:2rem;
            width:90%;
            margin:0 auto;
            font-size:1.4rem;
        }
  
    }
    .titlebar{
        
    }
`